<style>
    body{
        background: #f3f1f3;
    }
    .reserRend>div{
        padding: 10px 12px;
    }
    .reserRend section>div{
        padding: 10px 12px;
    }
    /* 设置tit */
    .reserRend .reser-tit{
        margin-top: .3rem;
        color: #333;
        background: white;
    }
    /* 设置内容 */
    .reserRend .reser-cnt{
        margin-top: 1px;        
        color: #666;
    }
    .reserRend .reser-label{
        margin-top: 1px;        
        padding: 0 !important;        
        color: #666;
    }
    .reserRend .reser-label>div{
        margin-top: 1px;        
        background: white;
        padding: 10px 12px;
    }
    .reserRend .radio{
        display: block;
        width: 100%;
        background: white;
        overflow: hidden;
        align-items: center;
        padding: .5rem;
        margin-bottom: 1px;
        height: 1rem;
        line-height: 1rem;
    }

    .reserRend .radio>input{
        float: left;
        font-size: 24px;
        height: 1rem;
    }
 
     .reserRend .radio>span{
        float: left;
    }
    /* 内容样式 */
    .reserRend .reser-cnt{
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1px;
        background: white;
    }
    .reserRend .reser-p{
        margin-top: 1px;
        background: white;
        color: #666;
        font-size: 80%;
    }
    #datetime-picker,#datetime-picker1{
        width:75%;
        z-index: 2;
        background: none;
    }
    .time{
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative;
    }
    .time span{
        width: 25%;
    }
    .calender{
        position: absolute;
        right: 10px;
    }
    .reserRend>button{
        width: 90%;
        margin-left: 5%;
        padding: .5rem;
        border-radius: 1rem;
        background: #39AC6A;
        color: white;
        margin-top: .5rem;
        font-size: 100%;
    }
</style>

<div class="reserRend">
    <!-- S 租房方式 -->
    <div class="reser-tit">
        租房方式
    </div>
    <div class="reser-label">
            <label class="radio"  ng-click="radio('day')"> 
               
                <input type="radio" name="level"  ng-checked="level=='day'">
               
               <span> 日租房  </span>
            </label>  
            <label class="radio"ng-click="radio('noon')">
                <input type="radio" name="level" ng-checked="level=='noon'">
                              
               <span> 午休房</span>  
            </label>  
    </div>
    <!-- 租房方式 E -->
    
   <section ng-show="level=='day'"  id='firstSelect'>
        <!-- S 使用时间 -->
    <div class="reser-tit">
            使用时间
        </div> 
        <div class="reser-cnt">
            <div class="time">
                <span>                
                入住时间：
                </span>
                <!-- <input type="text" id='datetime-picker' ng-value="instay"/> -->
                <input type="text" id="startDate" ng-value="instay"/ />
            </div>
            <img src="../gy/images/icon/calendar.png" alt="" class="calender">
        </div>
        <div class="reser-cnt">
            <div class="time">
                <span>                
                离开时间：
                </span>
                <!-- <input type="text" id='datetime-picker1' ng-value="outstay"/> -->
                <input type="text" name="" id="endDate" ng-value="outstay" >
            </div>
            <img src="../gy/images/icon/calendar.png" alt="" class="calender">
        </div>
        <!-- 使用时间 E -->
   </section>
   <div class="calendar">
    </div>
    <!-- S 租房须知 -->
    <div class="reser-tit">
        租房须知
    </div> 
    <div class="reser-p" ng-click="radio('noon')">
        <p>1、入住时间最少住一天</p>
        <p>2、退房时间市在当天12:00以前</p>
        <p>3、支持信用押金：可在下单时进行字码信用授权，芝麻分600分及以上及可享受免押金入住特权！</p>
    </div>
    <!-- 租房须知 E -->
    <button ng-click="handPay()">立即支付</button>
</div>